* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.colNav {
	display: block;
	float:Right;
	margin: 0% 0 0% 0%;
}
.col:first-child { margin-left: 0; }
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    /* background-color: #9933cc;
     color: #ffffff; 
   padding: 15px; */
	height:auto;
	width: 100%;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #357bbf;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}

body {
	background-color:ghostwhite
}

	img{
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}

img-head {
    width: 100%;
    height: auto;
}

h1,h2,h3 {
	color: #357bbf;
}

li
{
	color: #357bbf;
}

a:link, a:visited
{
	text-decoration: none;
}

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}